<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
    />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Document</title>
  </head>

  <body>
    <h1>注册页面</h1>
    <!-- action设置提交地址 -->
    <form action="http://www.tmooc.cn">
      <!--
    input 控件
    name 设置控件的名称
    placeholder 占位文本
    maxlength 设置最大字符长度
    value 设置控件的值
    readonly 设置只读
    -->
      用户名：<input
        type="text"
        name="username"
        maxlength="5"
        value="tom"
        readonly
        placeholder="用户名"
      /><br />
      密码：<input type="password" name="password" placeholder="密码" /><br />
      <!--
    单选框和多选框必须添加value属性，否则提交的内容为on
    radio 单选框
    checkbox 多选框
    checked 设置默认选中
    -->
      性别：<input type="radio" name="gender" checked value="m" />男<input
        type="radio"
        name="gender"
        value="w"
      />女<br />
      兴趣爱好：<input type="checkbox" name="hobby" value="cy" />抽烟
      <input type="checkbox" name="hobby" value="hj" />喝酒
      <input type="checkbox" name="hobby" value="tt" />烫头<br />
      生日：<input type="date" name="birthday" /><br />
      靓照：<input type="file" name="pic" /><br />
      所在地：
      <select name="city" id="">
        <!--
        value 设置提交的值 若不写则提交标签体内的内容
        selected 默认选中
        option 选项
        -->
        <option value="bj">北京</option>
        <option value="sh">上海</option>
        <option selected>广州</option>
      </select>
      <br />
      <input type="submit" value="注册" />
      <input type="reset" />
      <input type="button" value="自定义按钮" />
      <hr />
      <button type="submit">提交按钮</button>
      <button type="reset">重置按钮</button>
      <button type="button">自定义按钮</button>
    </form>

    <!--
分区标签
div 块级分区标签，独占一行
span 行内分区标签，共占一行
-->
    <div>div1</div>
    <div>div2</div>
    <div>div3</div>
    <span>span1</span>
    <span>span2</span>
    <span>span3</span>
  </body>
</html>
